<style scoped>
.header{
  display: flex;
  flex-direction: column;
}
.header-top{
  width:100%;
  height:10px;
  background: transparent;
}
.head{
  height:50px;
  padding-top: 10px;
  /*border-bottom: 2px solid #dedde3;*/
  display: flex;
  justify-content: center;
  align-items:center;
  background: #ffffff;
  box-shadow:0 2px 4px rgba(0,0,0,0.1);
  position: relative;
}
.head-left{
  position: absolute;
  width:40px;
  height:100%;
  left:0;
  top:0;
  color: #7f7a8e;
  text-align: center;
}
.head-left h1{
  margin-top: 22px;
}
.head-middle{

  color: #7f7a8e;
}
.head-middle h3{
  font-size: 1.6rem;
}
.content{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  background: #edf1f5;
}
.first{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /*margin-top: 60px;*/
}
.first>h2{
  font-size: 7.1rem;
  color: #0FC27C;
}
.second{
  margin-top: 40px;
  padding: 0 20px;
  text-align: center;
}
.third {
  height: 3.5rem;
}

.third{
  /*margin-top: 60px;*/
  width: 100%;
  margin-bottom: 50px;
}
.third a{
  background: -webkit-linear-gradient(right top, #91A5F7, #6379F7);
  border:none;
  border-radius: 4px;
  display: flex;
  justify-content:center;
  align-items: center;
  margin: 0 35px;
  height:100%;
}
.third a:last-child{
  margin-top: 16px;
}
.third h3{
  color: #ffffff;
  font-size: 1.6rem
}
</style>
<template>
  <div id="">
    <div class="header" ref="mykhhd" style="position: fixed;top: 0;width: 100%;z-index: 999999;height: 60px;background: white">
      <div class="head">
        <div class="head-left" @click="goBack"><h1 class="iconfont icon-xiangzuo1"></h1></div>
        <div class="head-middle"><h3>银行开户</h3></div>
      </div>
    </div>
    <div class="content" ref="contentheight">
      <div class="first">
        <h2 class="iconfont icon-yuanxingxuanzhongfill"></h2>
        <h1>开户成功</h1>
      </div>
      <div class="third">
        <router-link to="./bankOpen">
          <h3>返回交易页面</h3>
        </router-link>
        <router-link to="">
          <h3>立即充值</h3>
        </router-link>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  mounted() {
    let h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
    let h1 = h
    this.$refs.contentheight.style.height = h1 + 'px'
  },
  methods: {
    goBack() {
      this.$router.push('./bankOpen')
    }
  }
}
</script>
